<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>日志管理系统-用户登录注册等操作</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!-- basic styles -->
    <link rel="stylesheet" type="text/css" href="{% static 'assets/css/bootstrap.min.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'assets/css/font-awesome.min.css' %}"/>

    <!-- page specific plugin styles -->
    <!-- fonts -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300"/>

    <!-- ace styles -->
    <link rel="stylesheet" type="text/css" href="{% static 'assets/css/ace.min.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'assets/css/ace-rtl.min.css' %}"/>
    <!-- inline styles related to this page -->

    <style>
        .login-layout .widget-box {
            padding: 0;
        }

        .login-layout {
            background-color: #2a8bcc;
        }
    </style>
</head>

<body class="login-layout">
    <div class="main-container">
        <div class="main-content">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1">
                    <div class="login-container">
                        <div class="center">
                            <h1>
                                <i class="icon-leaf green"></i> <span class="red">CJN</span>
                                <span class="white">Calendar</span>
                            </h1>
                            <h4 class="white">&copy; chen</h4>
                        </div>

                        <div class="space-6"></div>

                        <div class="position-relative">
                            <div
                                    id="login-box"
                                    class="login-box visible widget-box no-border"
                            >
                                <div class="widget-body">
                                    <div class="widget-main">
                                        <h4 class="header blue lighter bigger">
                                            <i class="icon-coffee green"></i> 请填写登录信息
                                        </h4>
                                        <div id="login_faild"></div>
                                        <div class="space-6"></div>

                                        <form class="form-login" onsubmit="return false" action="##">
                                            <fieldset>
                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="username"
                                                            type="text"
                                                            class="form-control"
                                                            placeholder="用户名"
                                                            id="login_user"
                                                        />
                                                        <i class="icon-user"></i>
                                                    </span>
                                                </label>

                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="password"
                                                            type="password"
                                                            class="form-control"
                                                            placeholder="密码"
                                                            id="login_password"
                                                        />
                                                        <i class="icon-lock"></i>
                                                    </span>
                                                </label>

                                                <div class="space"></div>

                                                <div class="clearfix">
                                                    <label class="inline">
                                                        <input type="checkbox" class="ace"/>
                                                        <span class="lbl"> 记住密码</span>
                                                    </label>

                                                    <button
                                                        type="button"
                                                        class="width-35 pull-right btn btn-sm btn-primary"
                                                        id="login_bt"
                                                        onclick="login()"
                                                    ><i class="icon-key"></i> 登录
                                                    </button>
                                                </div>

                                                <div class="space-4"></div>
                                            </fieldset>
                                        </form>
                                        <div class="social-or-login center">
                                            <span class="bigger-110">或者使用以下方式登录</span>
                                        </div>

                                        <div class="social-login center">
                                            <a class="btn btn-primary">
                                                <i class="icon-facebook"></i>
                                            </a>

                                            <a class="btn btn-info">
                                                <i class="icon-twitter"></i>
                                            </a>

                                            <a class="btn btn-danger">
                                                <i class="icon-google-plus"></i>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- /widget-main -->

                                    <div class="toolbar clearfix">
                                        <div>
                                            <a
                                                href="#"
                                                onclick="show_box('forgot-box'); return false;"
                                                class="forgot-password-link"
                                            ><i class="icon-arrow-left"></i> 忘记密码
                                            </a>
                                        </div>

                                        <div>
                                            <a
                                                href="#"
                                                onclick="show_box('signup-box'); return false;"
                                                class="user-signup-link"
                                            >去注册 <i class="icon-arrow-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <!-- /widget-body -->
                            </div>
                            <!-- /login-box -->

                            <div id="signup-box" class="signup-box widget-box no-border">
                                <div class="widget-body">
                                    <div class="widget-main">
                                        <h4 class="header green lighter bigger">
                                            <i class="icon-group blue"></i> 新用户注册
                                        </h4>

                                        <div class="space-6"></div>
                                        <p>您需要填写的信息:</p>
                                        <div id="regist_watch_info"></div>

                                        <form class="form-register" onsubmit="return false" action="##">
                                            <fieldset>
                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="email"
                                                            type="email"
                                                            class="form-control"
                                                            placeholder="邮箱"
                                                            id="regist_email"
                                                        />
                                                      <i class="icon-envelope"></i>
                                                    </span>
                                                </label>

                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="username"
                                                            type="text"
                                                            class="form-control"
                                                            placeholder="用户名"
                                                            id="regist_user"
                                                        /><i class="icon-user"></i>
                                                    </span>
                                                </label>

                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="password1"
                                                            type="password"
                                                            class="form-control"
                                                            placeholder="密码"
                                                            id="regist_password"
                                                        /><i class="icon-lock"></i>
                                                    </span>
                                                </label>

                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="password2"
                                                            type="password"
                                                            class="form-control"
                                                            placeholder="确认密码"
                                                            id="rept_regist_password"
                                                        />
                                                        <i class="icon-retweet"></i>
                                                    </span>
                                                </label>

                                                <label class="block">
                                                    <input type="checkbox" class="ace"/>
                                                    <span class="lbl">我同意 <a href="#">用户协议</a></span>
                                                </label>

                                                <div class="space-24"></div>

                                                <div class="clearfix">
                                                    <button
                                                        type="reset"
                                                        class="width-30 pull-left btn btn-sm"
                                                    ><i class="icon-refresh"></i> 重置
                                                    </button>

                                                    <button
                                                        type="button"
                                                        class="width-65 pull-right btn btn-sm btn-success"
                                                        onclick="regist_func()"
                                                        id="regist_bt"
                                                    >注册<i class="icon-arrow-right icon-on-right"></i>
                                                    </button>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>

                                    <div class="toolbar center">
                                        <a
                                            href="#"
                                            onclick="show_box('login-box'); return false;"
                                            class="back-to-login-link"
                                        >
                                            <i class="icon-arrow-left"></i> 回到登录
                                        </a>
                                    </div>
                                </div>
                                <!-- /widget-body -->
                            </div>
                            <!-- /signup-box -->

                            <div id="forgot-box" class="forgot-box widget-box no-border">
                                <div class="widget-body">
                                    <div class="widget-main">
                                        <h4 class="header red lighter bigger">
                                            <i class="icon-key"></i> 找回密码
                                        </h4>

                                        <div id="email-fail"></div>
                                        <div class="space-6"></div>
                                        <p>请输入可用的邮箱，用于找回密码</p>

                                        <form class="form-findpwd" onsubmit="return false" action="##">
                                            <fieldset>
                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input
                                                            name="email"
                                                            type="email"
                                                            class="form-control"
                                                            placeholder="邮箱"
                                                            id="find_password_email"
                                                        />
                                                      <i class="icon-envelope"></i>
                                                    </span>
                                                </label>

                                                <div class="clearfix">
                                                    <button
                                                        type="button"
                                                        class="width-35 pull-right btn btn-sm btn-danger"
                                                        onclick="find_pwd()"
                                                        id="find_btn"
                                                    >
                                                        <i class="icon-lightbulb"></i> 发送
                                                    </button>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                    <!-- /widget-main -->

                                    <div class="toolbar center">
                                        <a
                                            href="#"
                                            onclick="show_box('login-box'); return false;"
                                            class="back-to-login-link"
                                        >
                                            回到登录 <i class="icon-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- /widget-body -->
                            </div>
                            <!-- /forgot-box -->
                        </div>
                        <!-- /position-relative -->
                    </div>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
    </div>
    <!-- /.main-container -->

    <!-- basic scripts -->
{#    <script src="http://code.jquery.com/jquery-latest.js"></script>#}
    <script type="text/javascript" src="{% static 'assets/js/jquery-2.0.3.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'assets/js/jquery.mobile.custom.min.js' %}"></script>
{#    <script type="text/javascript">#}
{#        window.jQuery ||#}
{#        document.write(#}
{#            "<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "/script>"#}
{#        );#}
{#    </script>#}

    <script>
        $.ajaxSetup({
            data: {csrfmiddlewaretoken: "{{ csrf_token }}"}
        });
    </script>
{#    <script type="text/javascript">#}
{#        if ("ontouchend" in document)#}
{#            document.write(#}
{#                "<script src='assets/js/jquery.mobile.custom.min.js'>" +#}
{#                "<" +#}
{#                "/script>"#}
{#            );#}
{#    </script>#}

<!-- inline scripts related to this page -->
    <!-- 进行界面的切换的代码 -->
    <script type="text/javascript">
        function show_box(id) {
            jQuery(".widget-box.visible").removeClass("visible");
            jQuery("#" + id).addClass("visible");
        }
    </script>
    <script type="text/javascript">
        var csrf_token = '{{ csrf_token }}';
    </script>
    <script type="text/javascript" src="{% static 'assets/my_js/user_op.js' %}"></script>
</body>
</html>
